<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>林奋建设有限公司</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/head-logo.png" />
    <!-- Place favicon.ico in the root directory -->

    <!-- Web Font -->
    <link
        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">

    <!-- ========================= CSS here ========================= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/tiny-slider.css" />
    <link rel="stylesheet" href="assets/css/glightbox.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />
    <link rel="stylesheet" href="assets/css/reset.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />

</head>

<body>
    <!--[if lte IE 9]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
        <a href="https://browsehappy.com/">upgrade your browser</a> to improve
        your experience and security.
      </p>
    <![endif]-->

    <!-- Preloader -->
    <div class="preloader">
        <div class="preloader-inner">
            <div class="preloader-icon">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <!-- /End Preloader -->

    <!-- ========================= header start ========================= -->
    <header class="header navbar-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="nav-inner">
                        <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" href="index.html">
                                <img src="assets/images/logo.jpg" alt="Logo">
                            </a>
                            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                                <ul id="nav" class="navbar-nav ms-auto">
                                    <li class="nav-item">
                                        <a class="page-scroll" href="index.html">主页</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="about-us.html">资质服务</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="blog-grid-sidebar.html">最新资讯</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll active" href="contact.html">联系我们</a>
                                    </li>
                                </ul>
                            </div> <!-- navbar collapse -->
                            <div class="button">
                                <a href="tel:18539549678" class="btn white-bg mouse-dir">联系我们<span
                                        class="dir-part"></span></a>
                            </div>
                        </nav> <!-- navbar -->
                    </div>
                </div>
            </div> <!-- row -->
        </div> <!-- container -->

    </header>
    <!-- ========================= header end ========================= -->

    <!-- Start Breadcrumbs -->
    <div class="breadcrumbs" data-stellar-background-ratio="0.5">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="breadcrumbs-content left">
                        <h1 class="page-title">成功者总是会追求更大的荣光</h1>
                        <p>公司以“让天下没有难做的工程”为使命；“助力民生工程快速落地，赋能项目经理身心解放，携手铁杆兄弟功成名就”为企业愿景。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Breadcrumbs -->

    <!-- Start Contact Area -->
    <div class="contact-area contact-page section">
        <div class="container">
            <div class="contact-inner">
                <div class="row">
                    <div class="col-xl-5 col-lg-5 col-md-4 col-12">
                        <div class="contact-address-wrapper wow fadeInLeft" data-wow-delay="0.4s">
                            <div class="inner-section-title">
                                <h4>咨询方式</h4>
                                <h2>联系我们</h2>
                            </div>
                            <div class="single-info">
                                <ul>
                                    <li>留下您的联系方式，专属客服经理一对一为您服务！</li>
                                </ul>
                            </div>
                            <div class="single-info">
                                <ul>
                                    <li>
                                        <span>地址：漯河市源汇区长江路翠华山路建业智慧港26楼06室</span>
                                    </li>
                                    <li>
                                        <span>电话：18539549678</span>
                                    </li>
                                    <!-- <li>
                                        <span>邮箱：2824609096@qq.com</span>
                                    </li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-7 col-md-8 col-12" id="myForm">
                        <div class="contact-wrapper wow fadeInRight" data-wow-delay="0.6s">
                            <form class="contacts-form">
                                <div class="row">
                                    <div class="col-lg-6 col-12">
                                        <div class="contacts-icon contactss-name">
                                            <input type="text" name="name" placeholder="请输入您的姓名"
                                                v-model="formData.name">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-12">
                                        <div class="contacts-icon contactss-name">
                                            <input type="text" name="phone" placeholder="请输入您的联系方式"
                                                v-model="formData.phone">
                                        </div>
                                    </div>

                                </div>
                            </form>
                            <div class="col-12">
                                <div class="contacts-button button">
                                    <button class="btn mouse-dir white-bg" @click="submit">立即提交<span class="dir-part"></span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Contact Area -->

    <!-- Start Google-map Area -->
    <div id="myMap" style="width: 98%;height: 325px; margin: 0 auto;"></div>
    <!-- End Google-map Area -->

    <!-- Start Footer Area -->
    <footer class="footer">
        <!-- Start Middle Top -->
        <div class="footer-middle">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-5 col-12">
                        <!-- Single Widget -->
                        <div class="f-about single-footer">
                            <div class="logo">
                                <a href="index.html"><img src="assets/images/logo.jpg" alt="#"></a>
                            </div>
                            <h4>做工程？找资质？来林奋！</h4>
                        </div>
                        <!-- End Single Widget -->
                    </div>
                    <div class="col-lg-5 col-md-7 col-12">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-6">
                                <!-- Single Widget -->
                                <div class="single-footer f-link">
                                    <h3>主页</h3>
                                    <ul>
                                        <li><a href="index.html">公司简介</a></li>
                                        <li><a href="index.html">林奋优势</a></li>
                                        <li><a href="index.html">公司团队</a></li>
                                        <li><a href="about-us.html">资质服务</a></li>
                                        <li><a href="blog-grid-sidebar.html">新闻动态</a></li>
                                    </ul>
                                </div>
                                <!-- End Single Widget -->
                            </div>
                            <div class="col-lg-6 col-md-6 col-6">
                                <!-- Single Widget -->
                                <div class="single-footer f-contact f-link">
                                    <h3>联系我们</h3>
                                    <p>专属客服经理为您一对一服务</p>
                                    <ul class="footer-contact">
                                        <li><i class="lni lni-phone"></i> <a href="tel:18539549678">18539549678</a></li>
                                        <!-- <li><i class="lni lni-envelope"></i>2824609096@qq.com</li> -->
                                        <li><i class="lni lni-map-marker"></i>漯河市源汇区长江路翠华山路建业智慧港26楼06室</li>
                                    </ul>
                                </div>
                                <!-- End Single Widget -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/ End Footer Middle -->
        <!-- Start Footer Bottom -->
        <div class="footer-bottom">
            <div class="container">
                <div class="inner">
                    <div class="row text-center">
                        <div class="col-lg-12 col-md-6 col-12">
                            <div class="left">
                                <p>备案/许可证号：豫ICP备20005310号-2</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Footer Middle -->
    </footer>
    <!--/ End Footer Area -->

    <!-- ========================= scroll-top ========================= -->
    <a href="#" class="scroll-top btn-hover">
        <i class="lni lni-chevron-up"></i>
    </a>

    <!-- ========================= JS here ========================= -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/count-up.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/tiny-slider.js"></script>
    <script src="assets/js/glightbox.min.js"></script>
    <script src="assets/js/imagesloaded.min.js"></script>
    <script src="assets/js/isotope.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="assets/js/jquery-1.11.0.min.js"></script>
    <!-- 引入Vue -->
    <script src="assets/js/vue@2.7.16.js"></script>
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=d8995cdee383aa9a203ccf392bdf6814"></script>
    <script>
        new Vue({
            el: '#myForm',   // 选择器
            data: {
                formData: {
                    company_id: '-8576298138820916909'
                },
            },
            mounted() {
                this.initMap();
            },
            methods: {
                initMap() {
                    var map = new AMap.Map('myMap', {
                        center: [113.965789, 33.567865],
                        zoom: 16
                    });
                    var marker = new AMap.Marker({
                        position: new AMap.LngLat(113.965789, 33.567865),
                        title: '建业西城智慧港'
                    });
                    map.add([marker]);
                    marker.on('click', function (ev) {
                        window.open('https://www.amap.com/search?query=%E5%BB%BA%E4%B8%9A%E8%A5%BF%E5%9F%8E%E6%99%BA%E6%85%A7%E6%B8%AF&city=411100&geoobj=113.960048%7C33.565892%7C113.970972%7C33.570575&zoom=17.5')
                    });
                },
                // 访问
                submit() {
                    let that = this;
                    if (!this.formData.name || !this.formData.phone) {
                        alert('请填写完整您的信息');
                        return
                    }
                    $.ajax({
                        async: false,
                        url: "http://test.staff.zhongbiao001.com/api/web/formSub",
                        data: this.formData,
                        type: "post",
                        success: function (res) {
                            alert(res.message + '，客服经理将第一时间与您取得联系！');
                            that.formData.name = "";
                            that.formData.phone = "";
                        }
                    })
                }
            }
        })
    </script>
</body>

</html>